/* 主题文件 */
/* 基础主题变量 */
:root {
  --primary-color: #4a90e2;
  --secondary-color: #50e3c2;
  --background-color: #f5f5f5;
  --background-color-1: #ffffff;
  --background-color-2: #f0f0f0;
  --background-color-3: #e0e0e0;
  --text-color: #333333;
  --text-color-1: #666666;
  --text-color-2: #999999;
  --text-color-3: #b3b3b3;
  --placeholder-color: #b3b3b3;
  --border-color: #dddddd;
  --border-color-1: #cccccc;
  --border-color-2: #bbbbbb;
  --hover-color: rgba(74, 144, 226, 0.1);
  --hover-background-color: rgba(74, 144, 226, 0.05);
  --active-color: rgba(74, 144, 226, 0.2);
  --active-line-color: rgba(74, 144, 226, 0.15);
  --selected-color: rgba(41, 45, 51, 0.678);
  --selected-background-color: rgba(187, 195, 204, 0.658);
  --primary-color-transparent: rgba(74, 144, 226, 0.25);
}
:root .milkdown {
  --crepe-color-background: #fdfcff;
  --crepe-color-on-background: #1b1c1d;
  --crepe-color-surface: #f8f9ff;
  --crepe-color-surface-low: #f2f3fa;
  --crepe-color-on-surface: #191c20;
  --crepe-color-on-surface-variant: #43474e;
  --crepe-color-outline: #73777f;
  --crepe-color-primary: #37618e;
  --crepe-color-secondary: #d7e3f8;
  --crepe-color-on-secondary: #101c2b;
  --crepe-color-inverse: #2e3135;
  --crepe-color-on-inverse: #eff0f7;
  --crepe-color-inline-code: #ba1a1a;
  --crepe-color-error: #ba1a1a;
  --crepe-color-hover: #eceef4;
  --crepe-color-selected: #e1e2e8;
  --crepe-color-inline-area: #d8dae0;
  --crepe-font-title: Rubik, Cambria, 'Times New Roman', Times, serif;
  --crepe-font-default: Inter, Arial, Helvetica, sans-serif;
  --crepe-font-code: 'JetBrains Mono', Menlo, Monaco, 'Courier New', Courier, monospace;
  --crepe-shadow-1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  --crepe-shadow-2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
/* 基础深色模式 */
.dark {
  --primary-color: #4a90e2;
  --secondary-color: #50e3c2;
  --background-color: #1e1e1e;
  --background-color-1: #2d2d2d;
  --background-color-2: #3c3c3c;
  --background-color-3: #4a4a4a;
  --text-color: #f5f5f5;
  --text-color-1: #cccccc;
  --text-color-2: #999999;
  --text-color-3: #666666;
  --placeholder-color: #999999;
  --border-color: #444444;
  --border-color-1: #555555;
  --border-color-2: #666666;
  --hover-color: rgba(74, 144, 226, 0.15);
  --hover-background-color: rgba(74, 144, 226, 0.1);
  --active-color: rgba(74, 144, 226, 0.25);
  --active-line-color: rgba(78, 95, 116, 0.2);
  --selected-color: rgba(220, 236, 255, 0.781);
  --selected-background-color: rgba(111, 138, 168, 0.573);
  --primary-color-transparent: rgba(74, 144, 226, 0.25);
}
.dark .milkdown {
  --crepe-color-background: #1b1c1d;
  --crepe-color-on-background: #f8f9ff;
  --crepe-color-surface: #111418;
  --crepe-color-surface-low: #191c20;
  --crepe-color-on-surface: #e1e2e8;
  --crepe-color-on-surface-variant: #c3c6cf;
  --crepe-color-outline: #8d9199;
  --crepe-color-primary: #a1c9fd;
  --crepe-color-secondary: #3c4858;
  --crepe-color-on-secondary: #d7e3f8;
  --crepe-color-inverse: #e1e2e8;
  --crepe-color-on-inverse: #2e3135;
  --crepe-color-inline-code: #ffb4ab;
  --crepe-color-error: #ffb4ab;
  --crepe-color-hover: #1d2024;
  --crepe-color-selected: #4d5768;
  --crepe-color-inline-area: #111418;
  --crepe-font-title: Rubik, Cambria, 'Times New Roman', Times, serif;
  --crepe-font-default: Inter, Arial, Helvetica, sans-serif;
  --crepe-font-code: 'JetBrains Mono', Menlo, Monaco, 'Courier New', Courier, monospace;
  --crepe-shadow-1: 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 1px rgba(255, 255, 255, 0.15);
  --crepe-shadow-2: 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 6px 2px rgba(255, 255, 255, 0.15);
}
/* 普通亮色主题 Normal Light */
html.theme-normal {
  --primary-color: #5e81ac;
  --secondary-color: #88c0d0;
  --background-color: #eceff4;
  --background-color-1: #ffffff;
  --background-color-2: #e5e9f0;
  --background-color-3: #d8dee9;
  --text-color: #2e3440;
  --text-color-1: #3b4252;
  --text-color-2: #4c566a;
  --text-color-3: #616e88;
  --placeholder-color: #9aa3b8;
  --border-color: #d8dee9;
  --border-color-1: #c7cdd8;
  --border-color-2: #b8c1d1;
  --hover-color: rgba(94, 129, 172, 0.1);
  --hover-background-color: rgba(94, 129, 172, 0.05);
  --active-color: rgba(94, 129, 172, 0.2);
  --active-line-color: rgba(94, 129, 172, 0.15);
  --selected-color: rgba(46, 52, 64, 0.7);
  --selected-background-color: rgba(136, 192, 208, 0.3);
  --primary-color-transparent: rgba(94, 129, 172, 0.25);
}
/* 普通暗色主题 Normal Dark */
html.theme-normal-dark {
  --primary-color: #88c0d0;
  --secondary-color: #81a1c1;
  --background-color: #2e3440;
  --background-color-1: #3b4252;
  --background-color-2: #434c5e;
  --background-color-3: #4c566a;
  --text-color: #eceff4;
  --text-color-1: #e5e9f0;
  --text-color-2: #d8dee9;
  --text-color-3: #aeb3bb;
  --placeholder-color: #9aa3b8;
  --border-color: #4c566a;
  --border-color-1: #5a6781;
  --border-color-2: #677996;
  --hover-color: rgba(136, 192, 208, 0.15);
  --hover-background-color: rgba(136, 192, 208, 0.1);
  --active-color: rgba(136, 192, 208, 0.25);
  --active-line-color: rgba(136, 192, 208, 0.2);
  --selected-color: rgba(236, 239, 244, 0.8);
  --selected-background-color: rgba(94, 129, 172, 0.5);
  --primary-color-transparent: rgba(136, 192, 208, 0.25);
}
/* GitHub 主题 */
html.theme-crepe {
  --primary-color: #0366d6;
  --secondary-color: #28a745;
  --background-color: #ffffff;
  --background-color-1: #fafbfc;
  --background-color-2: #f6f8fa;
  --background-color-3: #eaecef;
  --text-color: #24292e;
  --text-color-1: #444d56;
  --text-color-2: #586069;
  --text-color-3: #959da5;
  --placeholder-color: #959da5;
  --border-color: #e1e4e8;
  --border-color-1: #d1d5da;
  --border-color-2: #c8c9cb;
  --hover-color: rgba(3, 102, 214, 0.1);
  --hover-background-color: rgba(3, 102, 214, 0.05);
  --active-color: rgba(3, 102, 214, 0.2);
  --active-line-color: rgba(3, 102, 214, 0.15);
  --selected-color: rgba(36, 41, 46, 0.7);
  --selected-background-color: rgba(3, 102, 214, 0.15);
  --primary-color-transparent: rgba(3, 102, 214, 0.25);
}
/* GitHub 深色主题 */
html.theme-crepe-dark {
  --primary-color: #58a6ff;
  --secondary-color: #3fb950;
  --background-color: #0d1117;
  --background-color-1: #161b22;
  --background-color-2: #21262d;
  --background-color-3: #30363d;
  --text-color: #c9d1d9;
  --text-color-1: #b1bac4;
  --text-color-2: #8b949e;
  --text-color-3: #6e7681;
  --placeholder-color: #6e7681;
  --border-color: #30363d;
  --border-color-1: #383e47;
  --border-color-2: #454a51;
  --hover-color: rgba(88, 166, 255, 0.15);
  --hover-background-color: rgba(88, 166, 255, 0.1);
  --active-color: rgba(88, 166, 255, 0.25);
  --active-line-color: rgba(88, 166, 255, 0.2);
  --selected-color: rgba(201, 209, 217, 0.8);
  --selected-background-color: rgba(88, 166, 255, 0.3);
  --primary-color-transparent: rgba(88, 166, 255, 0.25);
}
/* 纸张护眼色主题 */
html.theme-frame {
  --primary-color: #4d8077;
  --secondary-color: #5b6c5d;
  --background-color: #f5f5dc;
  /* 经典米色 */
  --background-color-1: #fbfbf2;
  --background-color-2: #f2f2e8;
  --background-color-3: #e6e6d1;
  --text-color: #3c3c3c;
  --text-color-1: #5a5a5a;
  --text-color-2: #787878;
  --text-color-3: #969696;
  --placeholder-color: #a8a8a8;
  --border-color: #d9d9c6;
  --border-color-1: #cccbba;
  --border-color-2: #bfbead;
  --hover-color: rgba(77, 128, 119, 0.1);
  --hover-background-color: rgba(77, 128, 119, 0.05);
  --active-color: rgba(77, 128, 119, 0.2);
  --active-line-color: rgba(77, 128, 119, 0.15);
  --selected-color: rgba(60, 60, 60, 0.7);
  --selected-background-color: rgba(91, 108, 93, 0.2);
  --primary-color-transparent: rgba(77, 128, 119, 0.25);
}
/* 暖色主题 */
html.theme-frame-dark {
  --primary-color: #e3a76f;
  --secondary-color: #d88c66;
  --background-color: #2d2d2d;
  --background-color-1: #383838;
  --background-color-2: #444444;
  --background-color-3: #505050;
  --text-color: #e6e1dc;
  --text-color-1: #d2cdc8;
  --text-color-2: #beb9b5;
  --text-color-3: #a5a2a0;
  --placeholder-color: #969390;
  --border-color: #4d4d4d;
  --border-color-1: #5a5a5a;
  --border-color-2: #676767;
  --hover-color: rgba(227, 167, 111, 0.15);
  --hover-background-color: rgba(227, 167, 111, 0.1);
  --active-color: rgba(227, 167, 111, 0.25);
  --active-line-color: rgba(227, 167, 111, 0.2);
  --selected-color: rgba(230, 225, 220, 0.8);
  --selected-background-color: rgba(216, 140, 102, 0.4);
  --primary-color-transparent: rgba(227, 167, 111, 0.25);
}
